<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=0"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>gaox panorama</title>
</head>
<body>



<div class="target"></div>


<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/panorama.js"></script>
<script type="text/javascript" src="js/touch-0.2.14.js"></script>
<script type="text/javascript">

Panorama.config = {
    target:'.target',
    isController:true,
    controllerTitle:'切换场景',
    panosImg:[
        {
            title:'卡萨布兰卡',
            front:'images/1/f.jpg',
            left:'images/1/l.jpg',
            right:'images/1/r.jpg',
            back:'images/1/b.jpg',
            up:'images/1/u.jpg',
            down:'images/1/d.jpg',
        },
        {
            title:'中式客厅',
            front:'images/3/f.jpg',
            left:'images/3/l.jpg',
            right:'images/3/r.jpg',
            back:'images/3/b.jpg',
            up:'images/3/u.jpg',
            down:'images/3/d.jpg',
        },
        {
            title:'里约热内卢',
            front:'images/2/f.jpg',
            left:'images/2/l.jpg',
            right:'images/2/r.jpg',
            back:'images/2/b.jpg',
            up:'images/2/u.jpg',
            down:'images/2/d.jpg',
        },
        {
            title:'卧室',
            front:'images/4/f.jpg',
            left:'images/4/l.jpg',
            right:'images/4/r.jpg',
            back:'images/4/b.jpg',
            up:'images/4/u.jpg',
            down:'images/4/d.jpg',
        }
    ]
};

//console.log(Panorama.config);
Panorama.init();


</script>
</body>
</html>